// const autoprefixer = require('autoprefixer');
// const pxtoviewport = require('postcss-px-to-viewport');
// const pxtorem = require('postcss-pxtorem');

const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  assetsDir: 'static',
  devServer: {
    port: 8080,
    proxy: {
      '/': {
        target: 'https://test.yj543.com/',
        changeOrigin: true
      }
    }
  },
  configureWebpack: {
    resolve: {
      alias: {
        vue$: 'vue/dist/vue.esm.js',
        '@': resolve('src'),
        // '@1':path.join(__dirname, 'src'),
        pages: resolve('src/views'),
        assets: resolve('src/assets'),
        api: resolve('src/api'),
        cbase: resolve('src/components/base'),
        cpage: resolve('src/components/page'),
        plugin: resolve('src/components/plugin'),
        directives: resolve('src/components/directives'),
        parts: resolve('src/parts'),
        depository: resolve('src/depository')
      }
    }
  },
  // css: {
  //   loaderOptions: {
  //     postcss: {
  //       plugins: [
  //         // pxtoviewport({
  //         //   viewportWidth: 750,
  //         //   // 该项仅在使用 Circle 组件时需要
  //         //   // 原因参见 https://github.com/youzan/vant/issues/1948
  //         //   selectorBlackList: ['van-circle__layer']
  //         // }),
  //         // pxtorem({
  //         //   rootValue: 100,
  //         //   minPixelValue: 2,
  //         //   propList: ['*'],
  //         //   // 该项仅在使用 Circle 组件时需要
  //         //   // 原因参见 https://github.com/youzan/vant/issues/1948
  //         //   selectorBlackList: ['van-circle__layer']
  //         // })
  //       ]
  //     }
  //   }
  // }

  publicPath: process.env.NODE_ENV === 'production' ? './' : './'
  // css: {
  //   loaderOptions: {
  //     postcss: {
  //       plugins: [
  //         autoprefixer(),
  //         pxtoviewport({
  //           viewportWidth: 375,
  //           // 该项仅在使用 Circle 组件时需要
  //           // 原因参见 https://github.com/youzan/vant/issues/1948
  //           selectorBlackList: ['van-circle__layer']
  //         })
  //       ]
  //     }
  //   }
  // }
}
